<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Login</title>
</head>
<style>
    body {
        background-color: skyblue;
    }

    #h1 {
        text-align: center;
        font-size: 60px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .box {
        width: 488px;
        height: 400px;
        position: relative;
        background: rgba(70 173 0 /50%);
        top: 38px;
        margin: 0 auto;
        border-radius: 30px;
    }

    #b1 {
        border-radius: 10px;
        width: 100px;
        height: 50px;
        font-size: 20px;
        margin-left: 186px;
    }

    #b1:hover {
        background-color: gray;
    }

    #t1 {
        border-radius: 15px;
        height: 50px;
        font-size: 20px;
        outline: none;
    }

    #t1:focus {
        box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .5);

    }

    #t2 {
        border-radius: 15px;
        height: 50px;
        font-size: 20px;
        outline: none;
    }

    #t2:focus {
        box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .5);
    }

    .name {
        position: relative;
        top: 80px;
        text-align: center;
        font-size: 20px;

    }

    .password {
        position: relative;
        top: 130px;
        text-align: center;
        font-size: 20px;
    }

    #fp {
        text-decoration: none;
        color: gray;
    }

    #fp:hover {
        color: black;
    }

    .login {
        position: relative;
        top: 180px;
        display: inline-block;
        text-align: center;
    }
    .reme{
        position: relative;
        top: 170px;
        text-align: center;
    }

</style>
<body>
<h1>
    <div class="header" id="h1">
        登录
    </div>
</h1>

<div class="box">
    <form action="login" method="post">
        <div class="name">
            用户名：<input id="t1" type="text" name="username" placeholder="请输入用户名">
        </div>
        <div class="password">
            密★码：<input id="t2" type="password" name="password" placeholder="请输入密码">
        </div>
        <div class="login">
            <input id="b1" type="submit" value="登录">
        </div>
    </form>
    <div class="reme">
        <p style="color: red">${empty msg ? "" : msg}</p>
        <a href="register.jsp" id="fp"><b>没有账号？前去注册-->></b></a>
    </div>
</div>
</body>
</html>